<template>
  <div class="home">
    <img src="@/assets/img/common/homeIcon.png" alt="" class="icon" />

    <div class="span">欢迎来到云音乐后台管理系统</div>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, reactive, toRefs } from "vue";
 export default defineComponent({
  name: "Home",
  setup() {
    const state = reactive({ test: "123" });
    onMounted: {
 
     
    }
    return { ...toRefs(state) };
  },
  components: {},
});
</script>
<style lang="less" scoped>
.home {
  font-weight: 600;
  font-size: 20px;
  .span {
    width: 300px;
    text-align: center;
    position: absolute;
    top: 35%;
    z-index: 2;
    left: calc(50% - 150px - 120px );
  } 
}
.icon {
  width: 150px;
  height: 150px;
  border-radius: 15px;
  position: absolute;
  top: 10%;
  left: calc(50% - 75px - 120px);
}
</style>
